﻿import React from 'react'
import {Route, Switch} from 'react-router-dom'
import Home from './views/Home'
import Components from './views/Components'
import ButtonDemo from '@/views/Components/ButtonDemo'
import FormsDemo from '@/views/Components/FormsDemo'
import PaginationDemo from '@/views/Components/PaginationDemo'
import TabsDemo from '@/views/Components/TabsDemo'
import PanelDemo from '@/views/Components/PanelDemo'
import ModalDemo from '@/views/Components/ModalDemo'
import MessageDemo from '@/views/Components/MessageDemo'
import TableDemo from '@/views/Components/TableDemo'
import NotFound from './views/NotFound'

export default () => {
	return (
		<Switch>
			<Route exact path='/' component={Home}/>
			<Route exact path='/components' component={Components}/>
			<Route path='/components/button' component={ButtonDemo}/>
			<Route path='/components/forms' component={FormsDemo}/>
			<Route path='/components/pagination' component={PaginationDemo}/>
			<Route path='/components/tabs' component={TabsDemo}/>
			<Route path='/components/panel' component={PanelDemo}/>
			<Route path='/components/modal' component={ModalDemo}/>
			<Route path='/components/message' component={MessageDemo}/>
			<Route path='/components/table' component={TableDemo}/>
			<Route component={NotFound}/>
		</Switch>
	)
}
